@charset "UTF-8";
$vm_base:375;  //设计图的宽度
@function vw($px) {
  @return ($px / $vm_base) * 100vw;
}
.br{
  border:1px solid red;
}

*{
  margin: 0;
  padding: 0;
}
html {
  height: 100%;

}
body{
  height: 100%;
}
div{
  box-sizing: border-box;
}
li{
  list-style: none;
}
.order{
  display: flex;
  flex-direction:column;
  height: 100%;
  .top{
    width: 100%;
    height: vw(50);
    background:-webkit-linear-gradient(408deg,#ffb001,#f6b21c 13%,#ff9800);
    position: relative;
    .ret{
      float: left;
      height: vw(50);
      line-height: vw(50);
      font-size: vw(20);
      margin-left: vw(20);
      color: white;
    }
    .txt{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: vw(50);
      line-height: vw(50);
      font-size: vw(16);
      color: white;
    }

  }
  .body{
    height:0;
    flex-grow:1;
    z-index:1;
    overflow:scroll;
    margin-top: vw(15);
    .info{
      width: 100%;
      height: auto;
      margin-top: vw(10);
      padding-left: vw(22);
      padding-right: vw(22);
      .info_a{
        width: 100%;
        height: vw(90);
        border-bottom: 1px solid #ededed;
        padding-bottom: vw(10);

        .info_tit{
          width: 100%;
          height: vw(20);
          margin-bottom: vw(15);
          .title{
            height: vw(20);
            font-size: vw(20);
            line-height: vw(20);
            color: #292929;
            float: left;

          }
          .lit{
            width: vw(60);
            height: vw(20);
            display: inline-block;
            float: left;
            margin-left: vw(10);
            border-radius: vw(10);
            background-color: #cccccc;
            color: white;
            font-size: vw(12);
            line-height: vw(20);
            text-align: center;
          }
        }

        .info_lit{
          height: vw(12);
          line-height: vw(12);
          font-size: vw(12);
          text-align: left;
          color: #9d9d9d;
          margin-bottom: vw(15);
        }
        .info_sq{
          width: 100%;
          height: vw(15);
          .sq{
            display: inline-block;
            font-size: vw(12);
            height: vw(15);
            line-height: vw(15);

          }
          .litle{
            height: vw(18);
            background-color: #ffe3e7;
            font-size: vw(12);
            line-height: vw(18);
            text-align: center;
            padding: 0 vw(5);
            color: #fc737b;
            border-radius: 2px;
            display: inline-block;
            margin-left: vw(10);


          }

        }
      }
      .info_b{
        width: 100%;
        height: vw(70);
        border-bottom: 1px solid #ededed;
        padding-bottom: vw(12);
        padding-top: vw(15);

        .money{
         height: vw(14);
          font-size: vw(14);
          line-height: vw(14);
          text-align: left;
          color: #fc6a72;
          margin-bottom: vw(14);
        }
        .ya{
          height: vw(12);
          line-height: vw(12);
          font-size: vw(12);
          text-align: left;
          color: #a9a9a9;
        }
      }
      .info_c{

        width: 100%;
        height: vw(40);
        line-height: vw(40);
        font-size: vw(14);
        text-align: left;
        border-bottom: 1px solid #ededed;
      }
    }

  }
}
